<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>测试</title>
<link rel="stylesheet" type="text/css" href="base.css">
<link rel="stylesheet" type="text/css" href="quick_layout.css">
<script type="text/javascript" src="jquery.min.js"></script>
<style type="text/css">
.out{
	position: relative;
	width: 1200px;
	height: 400px;
	overflow: auto;
}
 #box{
    position: absolute;
    width: 1200px;
	height: 893px;
	background: url("1.png") no-repeat 0 0;
 }
 
</style>
</head>
<body>   
<div class="out">
		 <div id="box"></div>
</div>

   
</body>
<script src="http://www.zhangxinxu.com/study/js/zxx.drag.1.0.js" type="text/javascript"></script>
<script type="text/javascript">
    var oBox = document.getElementById("box");
    var oBar = document.getElementById("bar");
    startDrag(oBox, oBox);
</script>
 
     
 
</html>

 